<!DOCTYPE html>
<html lang="zh">

<head>
    #include("./common/head.htm")
</head>

<body class="theme-blue-gradient pace-done">
    #include("./common/header.htm")
    <div id="content-wrapper">
        <div class="content-iframe" style="background-color: #f9f9f9;">
            <div class="mainContent" id="content-main" style="margin: 0px; padding: 0px; height: 1050px;">
                <!-- <iframe name="main_iframe" width="100%" height="100%" id="default" frameborder="0"> -->
                <!--页面主要内容-->
                <main class="ftdms-layout-content">

                    <div
                        style="border: solid 1px rgb(220, 218, 218);margin-bottom: 150px; margin-top: 100px;margin-left: 80px;margin-right: 80px;">
                        <div class="row"
                            style="margin-left: 1px ;margin-right: 1px;background-color: rgb(195, 215, 229);height: 80px;">
                            <div style="padding: 30px; color: red;font-size: 18px;" class="col-md-4">
                                当前订单状态 ：已发货
                            </div>
                            <div class="col-md-4">

                            </div>
                            <div style="text-align: right;padding: 30px;" class="col-md-4">
                                <button class="btn btn-default">删除订单</button>
                            </div>
                        </div>
                        <div style="margin: 10px;">
                            <div>
                                <i class="ftsucai-tb"></i> 基本信息
                            </div>
                        </div>
                        <div style="padding: 10px;margin-top: 20px;">
                            <table class="table table-bordered">
                                <thead>
                                    <tr class="info">
                                        <th>订单号</th>
                                        <th>商铺名称</th>
                                        <th>下单时间</th>
                                        <th>收获时间</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>12345678910</td>
                                        <td>卷王服饰店</td>
                                        <td>2022-7-2</td>
                                        <td>2022-7-5</td>
                                    </tr>
                                </tbody>
                            </table>
                            </table>
                        </div>
                        <div style="margin: 10px;">
                            <div>
                                <i class="ftsucai-tb"></i> 收货人信息
                            </div>
                        </div>
                        <div style="padding: 10px;margin-top: 20px;">
                            <table class="table table-bordered">
                                <thead>
                                    <tr class="info">
                                        <th>用户名</th>
                                        <th>收货电话</th>
                                        <th>收获人名</th>
                                        <th>收获地址</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>hsj</td>
                                        <td>123123</td>
                                        <td>hsj</td>
                                        <td>中国湖南娄底</td>
                                    </tr>
                                </tbody>
                            </table>
                            </table>
                        </div>

                        <div style="margin: 10px;margin-top: 30px;">
                            <div>
                                <i class="ftsucai-tb"></i> 订单商品信息
                            </div>
                        </div>
                        <div style="padding: 10px; margin-top: 10px">
                            <div style="margin-left: 20px;margin-right: 20px;">
                                <table class="table table-hover table-bordered">
                                    <thead>
                                        <tr>
                                            <th>商品图片</th>
                                            <th>商品名</th>
                                            <th>价格</th>
                                            <th>属性</th>
                                            <th>数量</th>
                                            <th>折扣</th>
                                            <th>小计</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>
                                                <div>
                                                    <image style="height: 80px;"
                                                        src="./image/fu_shi_chuan_da/kuzi/100.jpg"></image>
                                                </div>
                                            </td>
                                            <td>帅气休闲裤</td>
                                            <td>109</td>
                                            <td>
                                                颜色灰 衣裤码:L/170-180cm
                                            </td>
                                            <td>
                                                5
                                            </td>
                                            <td>
                                                10
                                            </td>
                                            <td>
                                                539
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div>
                                                    <image style="height: 80px;"
                                                        src="./image/fu_shi_chuan_da/kuzi/100.jpg"></image>
                                                </div>
                                            </td>
                                            <td>帅气休闲裤</td>
                                            <td>109</td>
                                            <td>
                                                颜色灰 衣裤码:L/170-180cm
                                            </td>
                                            <td>
                                                5
                                            </td>
                                            <td>
                                                10
                                            </td>
                                            <td>
                                                539
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div>
                                                    <image style="height: 80px;"
                                                        src="./image/fu_shi_chuan_da/kuzi/100.jpg"></image>
                                                </div>
                                            </td>
                                            <td>帅气休闲裤</td>
                                            <td>109</td>
                                            <td>
                                                颜色灰 衣裤码:L/170-180cm
                                            </td>
                                            <td>
                                                5
                                            </td>
                                            <td>
                                                10
                                            </td>
                                            <td>
                                                539
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div style="padding: 10px; margin-top: 10px">
                                <div style="text-align: right;padding: 30px">
                                    合计：<span style="color: red;">10000元</span>
                                </div>
                            </div>
                            <div style="margin: 10px;">
                                <div>
                                    <i class="ftsucai-tb"></i> 费用信息
                                </div>
                            </div>
                            <div style="padding: 10px;margin-top: 20px;">
                                <table class="table table-bordered">
                                    <thead>
                                        <tr class="info">
                                            <th>商品合计</th>
                                            <th>折扣</th>
                                            <th>优惠卷优惠</th>
                                            <th>应付款</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>10000</td>
                                            <td>30</td>
                                            <td>20</td>
                                            <td>9950</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </main>
            </div>
        </div>
    </div>
</body>

</html>